<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel='stylesheet' href="../css/index.css">
	<link rel="stylesheet" href="../css/v-manage.css">
	<script src="../js/libs/jquery.js" type="text/javascript"></script>
	<script type="text/javascript" src="../js/plugins/niceScroll/js/jquery.nicescroll.js"></script>
	<script type="text/javascript" src="../js/view/function.js"></script>
	<script type="text/javascript" src="../js/view/v-manage.js"></script>
	<script type="text/javascript">
		$(function(){
			$(".brief.overHidden").height($(window).height()-140);
			$(".brief.overHidden").niceScroll({
		        cursorcolor:"#0099ff",
		        autohidemode:false,
		        railalign:"right",
		        railoffset:"left",

	    	});
		})
	</script>
</head>
<body class="bgwhite">
	<div class="editD po-ab w670 right di-n">
			<div class="border-b" style="height:45px;">
				<span class="dis-in ml-40 pt-20 pb-6 title">编辑字段</span>
				<span class="dis-in f-r pt-20 close" style="padding-right:12px;"><img src="../image/icon/close.png"></span>
			</div>
			<div class="editPanel">
				<div class="left f-l po-re">
					<div class="h34 lh-34 bgf1f6f9 w-100 ">
						<div class="ml-40 color6787ab">隐藏字段</div>
					</div>					
					<ul>
						<li class="pl-40">镜像/快照<!-- <div class="plus f-r bgst"> </div>--></li>
						<li class="pl-40">CPU</li>
						<li class="pl-40">内存</li>
						<li class="pl-40">硬盘</li>
						<li class="pl-40"type="">卷组</li>
						<li class="pl-40">instanceId</li>
					</ul>
						
					
				</div>
				<div class="mid f-l">
					<div class="move bgst h34 mt-10 ml-10"></div>
				</div>
				<div class="right f-r">
					<div class="h34 lh-34 bgf1f6f9 w-100">
						<div class="ml-20 color6787ab">显示字段
							<div class="f-r">
								<div class="icon pm-active f-l bgst dataMove"></div>
								<div class="icon pm f-l bgst dataMove"></div>
							</div>
						</div>						
					</div>					
						<ul>
							<li class="pl-20"><div class="radio radiounselect f-l mr-10"></div>计算机</li>
							<li class="pl-20"><div class="radio radiounselect f-l mr-10"></div>部门</li>
							<li class="pl-20"><div class="radio radiounselect f-l mr-10"></div>使用者</li>
							<li class="pl-20"><div class="radio radiounselect f-l mr-10"></div>计算机目录</li>
							<li class="pl-20"><div class="radio radiounselect f-l mr-10"></div>交付组</li>
							<li class="pl-20"><div class="radio radiounselect f-l mr-10"></div>外网IP</li>
							<li class="pl-20"><div class="radio radiounselect f-l mr-10"></div>创建时间</li>
							<li class="pl-20"><div class="radio radiounselect f-l mr-10"></div>状态</li>
						</ul>
					
				</div>
				<div class="cl"></div>
								<div class="ok_btn">
					<div class="pre mr-10 border v-hidden">
						上一步
					</div>
					<div class="next bg0099ff colorwhite">
						确定
					</div>
			</div>
			</div>
		</div>

		<div class="detail po-ab w670 right di-n">
			<div class="border-b" style="height:45px;">
				<span class="dis-in ml-40 pt-20 pb-6 title">查看详情</span>
				<span class="dis-in f-r pt-20 close" style="padding-right:12px;"><img src="../image/icon/close.png"></span>
			</div>
			<div class="tr border-b h34">
				<div class="head">
					<div class="f-l fs-14 title color0099ff">概况</div>
					<div class="f-l fs-14 ml-40">操作日志</div>
				</div>
			</div>
			<div class="body mt-10">
				<div class="brief overHidden" style="width:99%">
					<ul>
						<li class="f-l w60 t-a-r">虚拟机名称</li>
						<li class="f-l ml-20">研发专用</li>
					</ul>
					<ul>
						<li class="f-l w60 t-a-r">instanceId</li>
						<li class="f-l ml-20">adfdfed3334kldjfowpiererjkd</li>
					</ul>
					<ul>
						<li class="f-l w60 t-a-r">状态</li>
						<li class="f-l ml-20">adfdfed3334kldjfowpiererjkd</li>
					</ul>
					<ul>
						<li class="f-l w60 t-a-r">姓名</li>
						<li class="f-l ml-20">部门</li>
					</ul>
					<ul>
						<li class="f-l w60 t-a-r">虚拟机名称</li>
						<li class="f-l ml-20">研发专用</li>
					</ul>
					<ul>
						<li class="f-l w60 t-a-r">instanceId</li>
						<li class="f-l ml-20">adfdfed3334kldjfowpiererjkd</li>
					</ul>
					<ul>
						<li class="f-l w60 t-a-r">状态</li>
						<li class="f-l ml-20">adfdfed3334kldjfowpiererjkd</li>
					</ul>
					<ul>
						<li class="f-l w60 t-a-r">姓名</li>
						<li class="f-l ml-20">部门</li>
					</ul>
										<ul>
						<li class="f-l w60 t-a-r">姓名</li>
						<li class="f-l ml-20">部门</li>
					</ul>
					<div class="cl"></div>
					<div class="pt-20 mt-25 cpu">
						<div class="cpuList mg-auto">
							<div class="card f-l t-a-c"><label class="color6787ab">CPU</label>2核</div>
							<div class="card f-l ml-40 t-a-c"><label class="color6787ab">CPU</label>2048MB</div>
							<div class="card f-l ml-40 t-a-c"><label class="color6787ab">CPU</label>500GB</div>
						</div>
					</div>
					<ul>
						<li class="f-l w60 t-a-r">姓名</li>
						<li class="f-l ml-20">部门</li>
					</ul>
										<ul>
						<li class="f-l w60 t-a-r">姓名</li>
						<li class="f-l ml-20">部门</li>
					</ul>
				</div>

				<div class="log mg-auto di-n" style="width:80%">
					<div class="tableframe">
					<div class="tableFrameTr head" style="background:none">
						
						<div class="f-l border-r pl-5" style="width:30%">时间</div>
						
						<div class="f-l pl-5" style="width:30%;">操作对象</div>		
						<div class="f-l pl-5" style="width:30%;">操作详情</div>	
					</div>
				</div>
					<div class="overHidden">
						<div class="tableframe">
							<div class="tableFrameTr" style="background:none">

								<div class="f-l border-r pl-5" style="width:30%">时间</div>
								
								<div class="f-l pl-5" style="width:30%;">操作对象</div>		
								<div class="f-l pl-5" style="width:30%;">操作详情</div>	
							</div>
					</div>	
				</div>	

				</div>
				
			</div>
			<div class="cl"></div>
		</div>
		<div class="cMirror di-n">
			<div class="border-b" style="height:45px;">
				<span class="dis-in ml-40 pt-20 pb-6 title">创建快照</span>
				<span class="dis-in f-r pt-20 close" style="padding-right:12px;"><img src="../image/icon/close.png"></span>
			</div>
			<div class="h75 lh-75">
				<span class="dis-in mr-10 ml-60">快照名称</span>
				<span class="dis-in pl-10 pr-10 input bordere4edf0 h34 lh-34 w420"><input type="text" style="width:90%"></span>
			</div>
			<div class="ok_btn">
				<div class="pre mr-10 border v-hidden">
					上一步
				</div>
				<div class="next bg0099ff colorwhite">
					确定
				</div>
			</div>
		</div>		
		</div>
</body>
</html>